<script>
import UserHeader from './components/UserHeader.vue'
import UserMain from './components/UserMain.vue'
import UserFooter from './components/UserFooter.vue'

export default {
  name: 'UserIndex',
  components: {
    UserHeader,
    UserMain,
    UserFooter
  }
}
</script>

<template>
  <div class="user-layout">
    <UserHeader />
    <UserMain />
    <UserFooter />
  </div>
</template>

<style scoped>
.user-layout {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
</style>